<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- marin +=10px -->
<script type="text/javascript" src="/jQuery_class_stu/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("li").hover(function(){
		$(this).animate({"margin-left":"+=5px"});
	},function(){
		$(this).animate({"margin-left":"-=5px"});
	});	
	
	$("a").on("click",function(evt){
		var flag = confirm("정말 이동할래요?");
		if(!flag){
			//이동하지 않도록 
			evt.preventDefault();
			//특정 태그(노드)가 가진 기본 이벤트 핸들러가 처리되지 않도록 함.
		}
	});
});
</script>
<style type="text/css">
li{
	margin: 10px;
	width : 140
}
</style>
</head>

<body>
<div id="divLayer">
<ul>
	<li><a href="www.google.com">구글</a></li>
	<li><a href="#">다음</a></li>
	<li><a href="#">네이트</a></li>
	<li><a href="#">네이버</a></li>

</ul>
</div>

</body>
</html>
